
.main-login{
  padding:0 15px;
  max-width: 500px;
  margin:0 auto;
  .title{
    height: 50px;
    line-height: 50px;
    font-size:18px;
    text-align: center;
    color: #ff4c0e;
    font-weight: 700;
  }
  .activity-tip{
    background: #ff9f0d;
    margin:10px 0;
    padding:10px;
    line-height: 25px;
    color: #fff;
    border-radius: 2px;
  }

  .login-dialog{
    border-radius: 8px;
    background: #fff;
    padding:15px;
    font-size:12px;
    .tip{
      color: #fc0033;
      height:25px;
      line-height: 25px;
      padding-left:20px;
      background: url(./image/error-icon.png) no-repeat 0 center;
      visibility: hidden;
      background-size:15px 15px;
    }
    .input-box{
      border:1px solid #d2d2d2;
      border-radius: 3px;
      padding:10px 0;
      position: relative;
      overflow: hidden;
      input[type=text],input[type=password],input[type=number]{
        width:100%;
        box-sizing: border-box;
        border:0;
        outline: none;
        font-size:14px;
        padding-left:50px;
        padding-right:10px;

      }
    }
    .user-name-icon{
      display: block;
      position: absolute;
      left:0;
      top:0;
      height:100%;
      width:40px;
      background: #ebebeb url(./image/user.png) no-repeat center;
    }
    .password-icon{
      display: block;
      position: absolute;
      left:0;
      top:0;
      height:100%;
      width:40px;
      background: #ebebeb url(./image/password.png) no-repeat center;
    }
    .item{
      padding:5px 0;
    }
    .register-item{
      text-align: center;
      a{
        color: #717171;
        display: block;
        height:100%;
        width:100%;
        font-size:14px;
      }
    }
  }
}